<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>海云妈妈</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 S -->
    <div class="top">
        <div class="hymm">
            <a href="#">
                <img src="images/hymm.png" alt="">
            </a>
        </div>
        <div class="userlist">
            <div class="user">
                <span></span>
            </div>
            <div class="more">
                <span></span>
            </div>
        </div>
    </div>
    <!-- 头部 E-->
    <!-- 主题内容部分 S-->
    <div class="banner">
        <!-- 轮播图 -->
        <div class="bg">
            <img src="./images/bg.png" alt="">
        </div>
        <!-- 娱乐列表 -->
        <div class="play_list">
            <a href="#">
                <span></span>
                <p>海外教育</p>
            </a>
            <a href="#">
                <span></span>
                <p>语言写作</p>
            </a>
            <a href="#">
                <span></span>
                <p>绘画手工</p>
            </a>
            <a href="#">
                <span></span>
                <p>生活闲聊 </p>
            </a>
            <a href="#">
                <span></span>
                <p>快乐运动</p>
            </a>
            <a href="#">
                <span></span>
                <p>钢琴音乐</p>
            </a>
            <a href="#">
                <span></span>
                <p>亲子旅游</p>
            </a>
            <a href="#">
                <span></span>
                <p>日历</p>
            </a>
        </div>
        <!-- 搜索宽 -->
        <div class="search">
            <div class="tiez">
                帖子
            </div>
            <div class="inp">
                <form action="">
                    <input type="text">
                </form>
            </div>
            <button>搜索</button>
        </div>
        <!-- 海鱼微可堂 -->
        <div class="project">
            <div class="pj_title">
                <p><span>【海鱼微课堂】</span>创美工场“给小动物一个家”亲子体...</p>
            </div>
            <div class="pj_txt">
                <div class="txt_top clearfix">
                    <div class="username">
                        <img src="./images/user2.png" alt=""><br>
                        <span>懒阿么</span>
                    </div>
                    <div class="user-txt">
                        <p>秋风瑟瑟，黄叶飘零，冬天就要来到了，森林里的小动物
                            们都在忙碌着。小松鼠和野兔都换上了厚厚的毛，它们储
                            温暖的南方，小刺猬缩成了一团，猫咪也感到了寒冷，总
                            是不客气的钻上你的床……</p>
                    </div>
                </div>
                <div class="look">
                    <p>11/4/15　<span></span>42　<span></span>42　<span></span>42</p>
                </div>
            </div>
        </div>
        <div class="project">
            <div class="pj_title">
                <p><span>【海鱼微课堂】</span>创美工场“给小动物一个家”亲子体...</p>
            </div>
            <div class="pj_txt">
                <div class="txt_top clearfix">
                    <div class="username">
                        <img src="./images/user2.png" alt=""><br>
                        <span>懒阿么</span>
                    </div>
                    <div class="user-txt">
                        <p>秋风瑟瑟，黄叶飘零，冬天就要来到了，森林里的小动物
                            们都在忙碌着。小松鼠和野兔都换上了厚厚的毛，它们储
                            温暖的南方，小刺猬缩成了一团，猫咪也感到了寒冷，总
                            是不客气的钻上你的床……</p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic_item">
                        <img src="./images/图层9@2x.png" alt="">
                    </div>
                    <div class="pic_item">
                        <img src="./images/图层10@2x.png" alt="">
                    </div>
                    <div class="pic_item">
                        <img src="./images/图层11@2x.png" alt="">
                    </div>
                </div>
                <div class="look">
                    <p>11/4/15　<span></span>42　<span></span>42　<span></span>42</p>
                </div>
            </div>
        </div>
        <div class="project">
            <div class="pj_title">
                <p><span>【海鱼微课堂】</span>创美工场“给小动物一个家”亲子体...</p>
            </div>
            <div class="pj_txt">
                <div class="txt_top clearfix">
                    <div class="username">
                        <img src="./images/user2.png" alt=""><br>
                        <span>懒阿么</span>
                    </div>
                    <div class="user-txt">
                        <p>秋风瑟瑟，黄叶飘零，冬天就要来到了，森林里的小动物
                            们都在忙碌着。小松鼠和野兔都换上了厚厚的毛，它们储
                            温暖的南方，小刺猬缩成了一团，猫咪也感到了寒冷，总
                            是不客气的钻上你的床……</p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic_item">
                        <img src="./images/图层9@2x.png" alt="">
                    </div>
                    <div class="pic_item">
                        <img src="./images/图层10@2x.png" alt="">
                    </div>
                    <div class="pic_item">
                        <img src="./images/图层11@2x.png" alt="">
                    </div>
                </div>
                <div class="look">
                    <p>11/4/15　<span></span>42　<span></span>42　<span></span>42</p>
                </div>
            </div>
        </div>
        <div class="project">
            <div class="pj_title">
                <p><span>【海鱼微课堂】</span>创美工场“给小动物一个家”亲子体...</p>
            </div>
            <div class="pj_txt">
                <div class="txt_top clearfix">
                    <div class="username">
                        <img src="./images/user2.png" alt=""><br>
                        <span>懒阿么</span>
                    </div>
                    <div class="user-txt">
                        <p>秋风瑟瑟，黄叶飘零，冬天就要来到了，森林里的小动物
                            们都在忙碌着。小松鼠和野兔都换上了厚厚的毛，它们储
                            温暖的南方，小刺猬缩成了一团，猫咪也感到了寒冷，总
                            是不客气的钻上你的床……</p>
                    </div>
                </div>
                <div class="pic">
                    <div class="pic-item">
                        <img src="./images/图层12@2x.png" alt="">
                    </div>
                </div>
                <div class="look">
                    <p>11/4/15　<span></span>42　<span></span>42　<span></span>42</p>
                </div>
            </div>
        </div>
        <!-- 头像 -->
        <div class="userhead clearfix">
            <a href="#">
                <span></span>
                <p>家粉红色</p>
            </a>
            <a href="#">
                <span></span>
                <p>家粉红色</p>
            </a>
            <a href="#">
                <span></span>
                <p>家粉红色</p>
            </a>
            <a href="#">
                <span></span>
                <p>家粉红色</p>
            </a>
            <a href="#">
                <span></span>
                <p>家粉红色</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
            <a href="#">
                <span></span>
                <p>大红的很</p>
            </a>
        </div>
    </div>
    <!-- 主题内容部分 E-->
    <div class="foot_nav">
        <a href="#">
            <span></span>
            <i>主页</i>
        </a>
        <a href="#">
            <span></span>
            <i>热帖</i>
        </a>
        <a href="#">
            <img src="./images/发表@2x.png" alt="">
        </a>
        <a href="#">
            <span></span>
            <i>我</i>
        </a>
        <a href="#">
            <span></span>
            <i>更多</i>
        </a>
    </div>
</body>

</html>